<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $db, $fn, $global } = props.ujt;
const { userLogin } = $fn.useUser(props);
</script>

<template>
    <div class="as-user-area">
        <div class="as-user">
            <h1><img :src="'./assets/img/logo.png'" width="200" /></h1>
            <label>
                <div>{{ $global.lang.channeluser.data.us }}：</div>
                <input v-model="$db.channeluser.cur.us" />
            </label>
            <label>
                <div>{{ $global.lang.channeluser.data.pw }}：</div>
                <input type="password" v-model="$db.channeluser.cur.pw" />
            </label>
            <div class="as-user-btns">
                <div class="cur" @pointerdown="userLogin()">
                    {{ $global.lang.channeluser.ui.login }}
                </div>
            </div>
        </div>
    </div>
</template>

<style scoped lang="scss"></style>
